<template>
	<div class="order-report">
		<div class="report-table-top-title">
			资料填写
		</div>
		<div class="bgWhite">
			<div class="report-table-wrapper">
				<div class="progress">
					<div class="pro-item" v-show="roleId === 2">填写资料</div>
					<div class="pro-item active">预览资料</div>
					<div class="pro-item" v-show="roleId === 2">填写完成</div>
				</div>
			</div>
			<!-- <div class="title">
				<div class="title-red"><span class="title-black">填写资料</span>(以下所有项均为必填项)</div>
				<div class="title-red">(每项填写后将自动保存草稿，退出编辑后可恢复草稿)</div>
			</div> -->
			<div class="content">
				<div class="border-1px"></div>
				<div class="line">
					<div class="lable"></div>
				</div>
				<!-- 基础信息 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class="input sub_title">基础信息</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="lable">纳税人识别号：</div>
					<div class="input">
						{{mainInfo.taxpayerNo}}
					</div>
				</div>
				<div class="line">
					<div class="lable">商户客服电话：</div>
					<div class="input">
						{{mainInfo.companyServicePhone}}
					</div>
				</div>
				<div class="line">
					<div class="lable">联系人：</div>
					<div class="input">
						{{mainInfo.relationName}}
					</div>
				</div>
				<div class="line">
					<div class="lable">手机号：</div>
					<div class="input">
						{{mainInfo.relationPhone}}
					</div>
				</div>
				<!-- 营业执照信息 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class="input sub_title">营业执照信息</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="lable">公司注册名称：</div>
					<div class="input width350">
						{{mainInfo.companyInputName}}
					</div>
				</div>
				<div class="line">
					<div class="lable">省份：</div>
					<div class="input width350">
						{{mainInfo.provincialLevelName}}
					</div>
				</div>
				<div class="line">
					<div class="lable">城市：</div>
					<div class="input width350">
						{{mainInfo.cityLevelName}}
					</div>
				</div>
				<div class="line">
					<div class="lable">区：</div>
					<div class="input width350">
						{{mainInfo.countyLevelName}}
					</div>
				</div>
				<div class="line">
					<div class="lable">注册地址：</div>
					<div class="input width350">
						{{mainInfo.address}}
					</div>
				</div>
				<div class="line">
					<div class="lable">营业执照类型：</div>
					<div class="input width350">
						<span v-if="mainInfo.businessPermitType === 1">个体工商户营业执照</span>
						<span v-if="mainInfo.businessPermitType === 2">企业法人营业执照</span>
					</div>
				</div>
				<div class="line">
					<div class="lable">营业执照照片：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.businessPermitImage)" v-if="mainInfo.businessPermitImage" :src="mainInfo.businessPermitImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
						</input>
						<!-- <div class="tip">
							照片需露出证件四角、清晰，若是复印件需加盖公章
							<div class="tip-carret"></div>
						</div> -->
					</div>
				</div>
				<div class="line">
					<div class="lable">营业执照注册号：</div>
					<div class="input width350">
						{{mainInfo.businessPermitNo}}
					</div>
				</div>
				<div class="line">
					<div class="lable">营业执照开始时间：</div>
					<div class="input width350">
						{{mainInfo.businessPermitBeginDate}}
					</div>
				</div>
				<div class="line">
					<div class="lable">营业执照有效期：</div>
					<div class="input width350">						
						<span v-if="mainInfo.businessPermitExpireType === 1">长期有效</span>
						<span v-if="mainInfo.businessPermitExpireType === 2">非长期有效</span>
					</div>
				</div>
				<div class="line" v-if="mainInfo.businessPermitExpireType === 2">
					<div class="lable">营业执照到期时间：</div>
					<div class="input width350">
						{{mainInfo.businessPermitEndDate}}
					</div>
				</div>
				<div class="line">
					<div class="lable">营业执照经营范围：</div>
					<div class="input width350">
						{{mainInfo.businessPermitBussRemark}}
					</div>
				</div>
				<!-- 二维码买单 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class="input sub_title">二维码买单</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="lable">是否开通二维码买单：</div>
					<div class="input width350">						
						<span v-if="mainInfo.isOpenQrCodePay === 0">开通</span>
						<span v-if="mainInfo.isOpenQrCodePay === 1">不开通</span>
					</div>
				</div>
				<!-- 公众号支付信息 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class=" sub_title">公众号支付信息
						<!-- <span class="red fs20">(如开通智慧KTV,则必须开通该功能)</span> -->
					</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="lable">是否开通微信公众号支付：</div>
					<div class="input width350">
						<span v-if="mainInfo.isOpenWxPay === 0">开通</span>
						<span v-if="mainInfo.isOpenWxPay === 1">不开通</span>
					</div>
				</div>
				<div class="line" v-show="mainInfo.isOpenWxPay === 0 || mainInfo.isOpenWxPay === '0'">
					<div class="lable">公众号名称：</div>
					<div class="input">
						{{mainInfo.wxName}}
					</div>
				</div>
				<div class="line" v-show="mainInfo.isOpenWxPay === 0 || mainInfo.isOpenWxPay === '0'">
					<div class="lable">微信公众号appid：</div>
					<div class="input">
						{{mainInfo.wxAppId}}
					</div>
					<!-- <div class="a" style="display: inline-block">请填写"<span class="red">wx</span>"开头的一串微信公众号appid</div> -->
				</div>
				<div class="line" v-show="mainInfo.isOpenWxPay === 0 || mainInfo.isOpenWxPay === '0'">
					<div class="lable">微信公众号二维码：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.wxQrCode)" v-if="mainInfo.wxQrCode" :src="mainInfo.wxQrCode" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
					</div>
				</div>
				<div class="line" v-show="mainInfo.isOpenWxPay === 0 || mainInfo.isOpenWxPay === '0'">
					<div class="lable">微信公众号主体：</div>
					<div class="input">
						{{mainInfo.wxCompanyName}}
					</div>
				</div>
				<div class="line" v-show="mainInfo.isOpenWxPay === 0 || mainInfo.isOpenWxPay === '0'">
					<div class="lable">商户关系证明：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.wxCompanyRelationProveImage)" v-if="mainInfo.wxCompanyRelationProveImage" :src="mainInfo.wxCompanyRelationProveImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
					</div>
					<!-- <div class="a" style="display: inline-block"><a href="https://lybarofflineupdata.oss-cn-shenzhen.aliyuncs.com/templetsynetpay/%E9%80%9A%E8%81%94%E5%8D%8F%E8%AE%AE.zip" class="downloadLink">下载：商户关系证明电子档</a><span class="red">请填写后拍照上传</span></div> -->
				</div>
				<!-- 公众号支付信息 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class=" sub_title">小程序支付信息
						<!-- <span class="red fs20">(如申请小程序,则必须开通该功能)</span> -->
					</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="lable">是否开通微信小程序支付：</div>
					<div class="input width350">
						<span v-if="mainInfo.isOpenAppletsPay === 0">开通</span>
						<span v-if="mainInfo.isOpenAppletsPay === 1">不开通</span>
					</div>
				</div>
				<div class="line" v-show="mainInfo.isOpenAppletsPay === 0 || mainInfo.isOpenAppletsPay === '0'">
					<div class="lable">小程序名称：</div>
					<div class="input">
						{{mainInfo.appletsName}}
					</div>
				</div>
				<div class="line" v-show="mainInfo.isOpenAppletsPay === 0 || mainInfo.isOpenAppletsPay === '0'">
					<div class="lable">微信小程序appid：</div>
					<div class="input">
						{{mainInfo.appletsAppId}}
					</div>
					<!-- <div class="a" style="display: inline-block">请填写"<span class="red">wx</span>"开头的一串微信小程序appid</div> -->
				</div>
				<div class="line" v-show="mainInfo.isOpenAppletsPay === 0 || mainInfo.isOpenAppletsPay === '0'">
					<div class="lable">微信小程序二维码：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.appletsQrCode)" v-if="mainInfo.appletsQrCode" :src="mainInfo.appletsQrCode" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
					</div>
				</div>
				<div class="line" v-show="mainInfo.isOpenAppletsPay === 0 || mainInfo.isOpenAppletsPay === '0'">
					<div class="lable">微信小程序主体：</div>
					<div class="input">
						{{mainInfo.appletsCompanyName}}
					</div>
				</div>
				<!-- 法人信息 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class="input sub_title">法人信息</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="lable">法人身份证正面照片：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.legalPersonFaceImage)" v-if="mainInfo.legalPersonFaceImage" :src="mainInfo.legalPersonFaceImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
						<!-- <div class="tip">
							请提供清晰的身份证原件正面照片，并需露出证件四角
							<div class="tip-carret"></div>
						</div> -->
					</div>
				</div>
				<div class="line">
					<div class="lable">法人身份证反面照片：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.legalPersonBackImage)" v-if="mainInfo.legalPersonBackImage " :src="mainInfo.legalPersonBackImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
						<!-- <div class="tip">
							请提供清晰的身份证原件反面照片，并需露出证件四角
							<div class="tip-carret"></div>
						</div> -->
					</div>
				</div>
				<div class="line">
					<div class="lable">法人姓名：</div>
					<div class="input">
						{{mainInfo.legalPersonName}}
					</div>
				</div>
				<div class="line">
					<div class="lable">法人身份证号：</div>
					<div class="input">
						{{mainInfo.legalPersonIdNum}}
					</div>
				</div>
				<div class="line">
					<div class="lable">法人身份证有效期：</div>
					<div class="input" style="margin-right: 20px;">
						{{mainInfo.legalPersonIdBeginDate}}
						<!-- <el-date-picker
							v-model="mainInfo.legalPersonIdBeginDate"
							type="date"
							size="mini"
							placeholder="选择日期">
						</el-date-picker> -->
					</div>至
					<div class="input" style="margin: 0 20px;">
						<span v-if="isLegalPersonIdLongEffectChecked">————</span>
						<span v-if="!isLegalPersonIdLongEffectChecked">{{mainInfo.legalPersonIdEndDate}}</span>
						
						<!-- <el-date-picker
							v-model="mainInfo.legalPersonIdEndDate"
							type="date"
							size="mini"
							placeholder="选择日期">
						</el-date-picker> -->
					</div>
					<div class="input" v-if="isLegalPersonIdLongEffectChecked">
						<div class="check-box">
							<i class="el-icon-check" v-if="isLegalPersonIdLongEffectChecked"></i>
						</div>长期有效
					</div>
				</div>
				<div class="line">
					<div class="lable">法人手机号：</div>
					<div class="input">
						{{mainInfo.legalPersonPhone}}
					</div>
				</div>
				<!-- 结算账户信息 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class=" sub_title">结算账户信息</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="msg-block" v-for="(item, index) in accountInfoList" :key="item.inputAcountInfoId">
						<div class="msg-block-inner">
							<div class="flexlr">
								<div class="msg-left">结算类型：
									<span v-show="item.settleType === 0">对公</span>
									<span v-show="item.settleType === 1">对私</span>
								</div>
								<!-- <div class="msg-right" @click="deleteAcountInfo(index)"><i class="el-icon-delete"></i></div> -->
							</div>
							<div class="a">户名：{{item.settleBankCardStaffName}}</div>
							<div class="a">结算银行：{{item.openCardHeadBank}}</div>
							<div class="a">银行卡号：{{item.settleBankCardNo.slice(0, 4) + '****' + item.settleBankCardNo.slice(-4)}}</div>
							<div class="" style="text-align: center;">
								<el-button type="primary" size="small" plain @click='openEdit(index)'>查看</el-button>
							</div>
						</div>						
					</div>
					<!-- <div class="msg-block none" @click="openEdit(-1)">
						<div class="flexlr">
							<div class="none-left"></div>
							<div class="none-right">添加收款账户</div>
						</div>
					</div> -->
				</div>
				<!-- 其他信息 -->
				<div class="line" style="margin-top: 30px;">
					<div class="lable"></div>
					<div class=" sub_title">其他信息</div>
					<div style="margin-left: 230px;">
						<div class="border-1px"></div>
					</div>
				</div>
				<div class="line">
					<div class="lable">场所门牌照片（大门照片）：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.companyDoorImage)" v-if="mainInfo.companyDoorImage " :src="mainInfo.companyDoorImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
					</div>
				</div>
				<div class="line">
					<div class="lable">店内：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.companyInstoreImage)" v-if="mainInfo.companyInstoreImage " :src="mainInfo.companyInstoreImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
					</div>
				</div>
				<div class="line">
					<div class="lable">收银台照片：</div>
					<div class="input width350 pos-r">
						<div class="fileBg">
	                    	<img @click="openImg(mainInfo.companyCashierImage)" v-if="mainInfo.companyCashierImage " :src="mainInfo.companyCashierImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
					</div>
				</div>
				<!-- 基础信息 -->
				<div class="line" style="text-align: center; padding: 10px 0 30px;"  v-show="roleId === 2">
					<el-button type="primary" size="small" plain @click='toNext' style="margin-right: 20px;">提交申请</el-button>					
					<el-button type="primary" size="small" plain @click='toPrev'>返回修改</el-button>					
				</div>
			</div>
		</div>
		<!-- 弹窗 -->
		<el-dialog title="结算账户信息" :visible.sync="showEdit">
			<div class="line">
				<div class="lable">结算类型：</div>
				<div class="input">
					<span v-if="accountInfo.settleType === 0">对公</span>
					<span v-if="accountInfo.settleType === 1">对私</span>
				</div>
			</div>
			<div class="line">
				<div class="lable">结算银行卡户名：</div>
				<div class="input">
					{{accountInfo.settleBankCardStaffName}}
				</div>
			</div>
			<div class="line">
				<div class="lable">结算银行卡卡号：</div>
				<div class="input">
					{{accountInfo.settleBankCardNo}}
				</div>
			</div>
			<div class="line">
				<div class="lable">开户省：</div>
				<div class="input">
					{{accountInfo.bankProvincialLevelName}}
				</div>
			</div>
			<div class="line">
				<div class="lable">开户市：</div>
				<div class="input">
					{{accountInfo.bankCityLevelName}}
				</div>
			</div>
			<div class="line">
				<div class="lable">开户总行：</div>
				<div class="input width350">
					{{accountInfo.openCardHeadBank}}
				</div>
			</div>
			<div class="line">
				<div class="lable">结算银行卡开户支行：</div>
				<div class="input width350">
					{{accountInfo.openCardSubBank}}
				</div>
			</div>
			<div class="line">
				<div class="lable">结算银行卡预留手机号：</div>
				<div class="input width350">
					{{accountInfo.openCardPhone}}
				</div>
			</div>
			<div class="line">
				<div class="lable">开户许可证：</div>
				<div class="input pos-r">
	                    <div class="fileBg">
	                    	<img @click="openImg(accountInfo.openAccountPermitImage)" v-if="accountInfo.openAccountPermitImage" :src="accountInfo.openAccountPermitImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
					<!-- <div class="tip">
						照片需露出证件四角、清晰，若是复印件需加盖公章
						<div class="tip-carret"></div>
					</div> -->
				</div>
			</div>
			<div class="line" v-show="accountInfo.settleType === 1 || accountInfo.settleType === '1'">
				<div class="lable">结算银行卡正面：</div>
				<div class="input pos-r">
	                    <div class="fileBg">
	                    	<img @click="openImg(accountInfo.openCardFaceImage)" v-if="accountInfo.openCardFaceImage" :src="accountInfo.openCardFaceImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
				</div>
			</div>
			<div class="line" v-show="accountInfo.settleType === 1 || accountInfo.settleType === '1'">
				<div class="lable">收款人身份证正面照片：</div>
				<div class="input pos-r">
	                    <div class="fileBg">
	                    	<img @click="openImg(accountInfo.payeeFaceImage)" v-if="accountInfo.payeeFaceImage" :src="accountInfo.payeeFaceImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
				</div>
			</div>
			<div class="line" v-show="accountInfo.settleType === 1 || accountInfo.settleType === '1'">
				<div class="lable">收款人身份证反面照片：</div>
				<div class="input pos-r">
	                    <div class="fileBg">
	                    	<img @click="openImg(accountInfo.payeeBackImage)" v-if="accountInfo.payeeBackImage" :src="accountInfo.payeeBackImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
				</div>
			</div>
			<div class="line" v-show="accountInfo.settleType === 1 || accountInfo.settleType === '1'">
				<div class="lable">收款人身份证号码：</div>
				<div class="input width350">
					<el-input v-model="accountInfo.payeePersonIdNum" placeholder="必填" size="small"></el-input>
				</div>
			</div>
			<div class="line" v-show="accountInfo.settleType === 1 || accountInfo.settleType === '1'">
				<div class="lable">结算账户授权委托书：</div>
				<div class="input pos-r">
	                <div class="fileBg">
	                	<img @click="openImg(accountInfo.settleAccountAuthImage)" v-if="accountInfo.settleAccountAuthImage" :src="accountInfo.settleAccountAuthImage" class="avatar">
	                	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                </div>
				</div>
				<!-- <div class="a" style="display: inline-block"><a href="https://lybarofflineupdata.oss-cn-shenzhen.aliyuncs.com/templet/synetpay/%E7%BB%93%E7%AE%97%E8%B4%A6%E6%88%B7%E6%8E%88%E6%9D%83%E5%A7%94%E6%89%98%E4%B9%A6.zip" class="downloadLink">下载：结算账户授权委托书</a><span class="red">请填写后拍照上传</span></div> -->
			</div>
			<div class="line" v-show="accountInfo.settleType === 1 || accountInfo.settleType === '1'">
				<div class="lable">免责声明函：</div>
				<div class="input width350 pos-r">
	                <div class="fileBg">
	                	<img @click="openImg(accountInfo.exemptionStatementImage)" v-if="accountInfo.exemptionStatementImage" :src="accountInfo.exemptionStatementImage" class="avatar">
	                	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                </div>
				</div>
				<!-- <div class="a" style="display: inline-block"><a href="https://lybarofflineupdata.oss-cn-shenzhen.aliyuncs.com/templet/synetpay/%E5%85%8D%E8%B4%A3%E5%A3%B0%E6%98%8E%E5%87%BD.zip" class="downloadLink">下载：免责声明函</a><span class="red">请填写后拍照上传</span></div> -->
			</div>
			<div class="line">
				<div class="lable">通联协议第14页(请拍照上传)：</div>
				<div class="input pos-r">
	                    <div class="fileBg">
	                    	<img @click="openImg(accountInfo.tlAgreement14PageImage)" v-if="accountInfo.tlAgreement14PageImage" :src="accountInfo.tlAgreement14PageImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
				</div>
				<!-- <div class="a" style="display: inline-block"><a href="https://lybarofflineupdata.oss-cn-shenzhen.aliyuncs.com/templet/synetpay/%E9%80%9A%E8%81%94%E5%8D%8F%E8%AE%AE.zip" class="downloadLink">下载：通联协议电子档</a><span class="red">请填写后拍照上传第14、15、16页</span></div> -->
			</div>
			<div class="line">
				<div class="lable">通联协议第15页(请拍照上传)：</div>
				<div class="input pos-r">
	                    <div class="fileBg">
	                    	<img @click="openImg(accountInfo.tlAgreement15PageImage)" v-if="accountInfo.tlAgreement15PageImage" :src="accountInfo.tlAgreement15PageImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
				</div>
			</div>
			<div class="line">
				<div class="lable">通联协议第16页(请拍照上传)：</div>
				<div class="input pos-r">
	                    <div class="fileBg">
	                    	<img @click="openImg(accountInfo.tlAgreement16PageImage)" v-if="accountInfo.tlAgreement16PageImage" :src="accountInfo.tlAgreement16PageImage" class="avatar">
	                    	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
	                    </div>
				</div>
			</div>
			<!-- <div class="line" style="text-align: center; padding: 10px 0 30px;">
				<el-button type="primary" size="small" plain @click='acountSaveOrEdit'>确认提交</el-button>					
			</div> -->
		</el-dialog>
		<!-- 弹窗 -->
		<el-dialog title="查看原图" :visible.sync="showImg">
			<img :src="imageUrl" class="inner-img">
		</el-dialog>
	</div>
</template>

<script type="text/ecmascript-6">
export default {
    data: function () {
        return {
			mainInfo: {
				companyId: '', // int(11) NOT NULL COMMENT '商家id',
				taxpayerNo: '', // varchar(32) NOT NULL COMMENT '纳税人识别号',
				companyServicePhone: '', // varchar(32) NOT NULL COMMENT '商户客服电话',
				relationName: '', // varchar(32) NOT NULL COMMENT '联系人姓名',
				relationPhone: '', // varchar(32) NOT NULL COMMENT '联系电话',
				companyInputName: '', // varchar(100) NOT NULL COMMENT '公司注册名称'
				provincialLevelCode: '', // varchar(32) NOT NULL COMMENT '省级行政区代码',
				provincialLevelName: '', // varchar(32) NOT NULL COMMENT '省级行政区名称',
				cityLevelCode: '', // varchar(32) NOT NULL COMMENT '市级行政区代码',
				cityLevelName: '', // varchar(32) NOT NULL COMMENT '市级行政区名称',
				countyLevelCode: '', // varchar(32) NOT NULL COMMENT '县级行政区代码',
				countyLevelName: '', // varchar(32) NOT NULL COMMENT '县级行政区名称',
				address: '', // varchar(255) NOT NULL COMMENT '商家详细地址',
				businessPermitType: 1, // int(11) NOT NULL COMMENT '营业执照类型：1个体工商户营业执照，2企业法人营业执照',
				businessPermitImage: '', // varchar(255) NOT NULL COMMENT '营业执照照片',
				businessPermitNo: '', // varchar(255) NOT NULL COMMENT '营业执照注册号',
				businessPermitBeginDate: '', // varchar(255) NOT NULL COMMENT '营业执照开始时间,eg:2020-07-01',
				businessPermitExpireType: '', // int(11) NOT NULL COMMENT '营业执照有效期类型：1长期有效，2非长期有效',
				businessPermitEndDate: '', // varchar(255) DEFAULT NULL COMMENT '营业执照到期时间',
				businessPermitBussRemark: '', // text DEFAULT NULL COMMENT '营业执照经营范围',
				isOpenQrCodePay: 1, // int(11) NOT NULL COMMENT '是否开通二维码买单：0是 1否',
				isOpenWxPay: 1, // int(11) NOT NULL COMMENT '是否开通微信公众号支付：0是 1否',
				wxName: '', // varchar(255) DEFAULT NULL COMMENT '公众号名称',
				wxAppId: '', // varchar(32) DEFAULT NULL COMMENT '公众号appid',
				wxQrCode: '', // varchar(255) DEFAULT NULL COMMENT '公众号二维码',
				wxCompanyName: '', // varchar(255) DEFAULT NULL COMMENT '公众号主体名称',
				isOpenAppletsPay: 1, // int(11) NOT NULL COMMENT '是否开通微信小程序支付：0是 1否',
				appletsName: '', // varchar(255) DEFAULT NULL COMMENT '小程序名称',
				appletsAppId: '', // varchar(32) DEFAULT NULL COMMENT '小程序appid',
				appletsQrCode: '', // varchar(255) DEFAULT NULL COMMENT '小程序二维码',
				appletsCompanyName: '', // varchar(255) DEFAULT NULL COMMENT '小程序主体名称',
				legalPersonFaceImage: '', // varchar(255) NOT NULL COMMENT '法人身份证正面照片',
				legalPersonBackImage: '', // varchar(255) NOT NULL COMMENT '法人身份证反面照片',
				legalPersonName: '', // varchar(32) NOT NULL COMMENT '法人姓名',
				legalPersonIdNum: '', // varchar(32) NOT NULL COMMENT '法人身份证号',
				legalPersonIdBeginDate: '', // varchar(32) DEFAULT NULL COMMENT '法人身份证有效期开始时间',
				legalPersonIdEndDate: '', // varchar(32) DEFAULT NULL COMMENT '法人身份证有效期结束时间',
				isLegalPersonIdLongEffect: 1, // int(11) NOT NULL COMMENT '法人身份证是否长期有效：0是 1否',
				legalPersonPhone: '', // varchar(32) NOT NULL COMMENT '法人电话',
				companyDoorImage: '', // varchar(255) NOT NULL COMMENT '场所大门照片',
				companyInstoreImage: '', // varchar(255) NOT NULL COMMENT '场所店内照片',
				companyCashierImage: '' // varchar(255) NOT NULL COMMENT '场所收银台照片',
			},
            timeStart: '',
            timeEnd: '',

            companyList: [],

            nowPage: 0, // 当前所在页面

            showList: [],
            addservicecompanylist: [],

            totalNum: 0,
            position: 1, // 页码

            searchNo: '',
            searchName: '',
            companyName: '',
            netPayRate: 0,
            value1: '',
            checked: true,
            showEdit: false,
            payTypes: [
        		{
            		type: '请选择',
            		value: 0
        		}, {
            		type: '对公',
            		value: 1
        		}, {
            		type: '对私',
            		value: 2
        		}
            ],
            payType: 0,
            isLegalPersonIdLongEffectChecked: false,
            accountInfoList: [],
            accountInfo: {},
            showImg: false,
            imageUrl: ''
        }
    },
    mounted () {
    },
    created () {
        this.getInputInfoByCompanyID()
        this.getInputAcountsByCompanyID()
    },
    watch: {
    },
    components: {
    },
    props: {
        underLine: null
    },
    computed: {
    	roleId () {
    		return this.$store.state.roleId
    	},
		companyId () {
			// return 660169
			return this.$store.state.page1KTVAgentEdit
		},
        companyCode () {
            return this.$store.state.page1KTVAgentService
        }
    },
    methods: {
		getInputInfoByCompanyID () {
			// 取 数据数据
			this.$http.post(this.$store.state.IP + '/system/companynetpayinput/getInputInfoByCompanyID', {
                data: {
                	companyId: this.companyId
                }
            },
                {
                    'emulateJSON': false
                }
            ).then(response => {
                console.log('-------------------------------------------')
                response = response.body
                console.log(response)
                if (response.ret === '0') {
                	if (response.data) {
                		this.mainInfo = response.data
                		if (this.mainInfo.isLegalPersonIdLongEffect) {
                			this.isLegalPersonIdLongEffectChecked = false
                		} else {
                			this.isLegalPersonIdLongEffectChecked = true
                		}
                		// 日期处理
                		for (let key in this.mainInfo) {
                			if (key.indexOf('Date') >= 0) {
                				this.mainInfo[key] = this.$dateFormat(this.mainInfo[key], 'Y-M-D')
                			}
                		}
                	}
                }
            })
		},
		getInputAcountsByCompanyID () {
			// 取 数据数据
			this.$http.post(this.$store.state.IP + '/system/companynetpayinput/getInputAcountsByCompanyID', {
                data: {
                	companyId: this.companyId
                }
            },
                {
                    'emulateJSON': false
                }
            ).then(response => {
                console.log('-------------------------------------------')
                response = response.body
                console.log(response)
                if (response.ret === '0') {
                	if (response.data.length > 0) {
                		this.accountInfoList = response.data
                	}
                }
            })
		},
    	openEdit (index) {
    		this.accountInfo = this.accountInfoList[index]
    		this.showEdit = true
    	},
    	openImg (imageUrl) {
    		this.imageUrl = imageUrl
    		this.showImg = true
    	},
        toMain () {
            this.$store.dispatch('setKA', 0)
        },
        toNext () {
        	this.$store.dispatch('setKA', 11)
        },
        toPrev () {
        	this.$store.dispatch('setKA', 9)
        }
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.order-report
    width: 100%
    background #f1f0f5

    .report-table-top-title
        width: 100%
        height: 64px
        line-height: 64px
        color: #000
        font-size: 18px
.report-table-wrapper
	background #ffffff
	padding 10px 0
.progress
	margin-left 10px
.pro-item
	display inline-block
	color #333
	border-radius 0px
	height 60px
	width 212px
	line-height 60px
	text-align center
	background #d4d4d4
	margin-right 10px
	&.active
		background #409eff
		color #ffffff
.title
	margin-top 30px
	line-height 30px
.title-red
	font-size 20px
	color red
	margin 15px 0
.title-black
	color #000
	font-size 30px
.content
	width 940px
.line
	margin-bottom 15px
	line-height 35px
.lable
	display inline-block
	width 230px
	height 30px
	font-size 14px
	text-align right
	padding-right 14px
	vertical-align: top
.sub_title
	display inline-block
	font-size 30px
.input
	display inline-block
	width 200px
	&.width350
		width 350px
.bgWhite
	padding-left 10px
	background #ffffff
.border-1px
	width 100%
	border 0.5px solid rgb(211,211,211)
.red
	color red
.fs20
	font-size 20px
// 信息盒子
.msg-block
	display inline-block
	vertical-align top
	margin-right 10px
	padding 12px
	width 200px
	height 170px
	border-radius 4px
	border 0.5px solid #ddd
	box-sizing border-box
.msg-block-inner
	height 100%
	display flex
	flex-direction column
	justify-content space-around
	line-height 20px
	font-size 14px
	div
		overflow hidden
		white-space nowrap
		text-overflow ellipsis
.flexlr
	display flex
	justify-content space-between
.none
	padding 50px 18px
	line-height 50px
.none-left
	width 50px
	height 50px
	background url('../../../../common/pic/plus.png') no-repeat
	background-size 50px 50px
// element ui
.upload
    font-size 40px
    color #409EFF
    cursor: pointer
.avatar
    width: 100%;
    height: 100%;
    display: block;
.fileBg
	border 1px solid #ddd
	border-radius 6px
	width 178px
.avatar-uploader
	position absolute
	width 178px
	height 178px
	opacity 0
.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative
    overflow: hidden;
}
.avatar-uploader .el-upload:hover {
	border-color: #409EFF;
}
.avatar-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	width: 178px;
	height: 178px;
	line-height: 178px;
	text-align: center;
}
.avatar {
	width: 178px;
	height: 178px;
	display: block;
}
.inner-img
	width 100%
.check-box
	margin-right 10px
	display inline-block
	line-height 1
	vertical-align middle
	width 14px
	height 14px
	border 1px solid #000
</style>
